// pages/songDatil/songDatil.js
import { request } from '../../utill/request'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        isPlay: false,
        songDatil: {} //单手歌曲的资源
    },
    //控制音乐暂停播放
    clickMusic() {
        this.setData({
            isPlay: !this.data.isPlay
        })
        this.headelMusicPlay(this.data.isPlay, this.data.songDatil)
    },
    //音乐播放
    async headelMusicPlay(isPlay, music) {

        if (isPlay) {
            //获取歌曲资源
            let musicInfo = await request('/song/url', { id: music.id })

            this.backgroundAudioManager.src = musicInfo.data[0].url
            this.backgroundAudioManager.title = music.name
        } else {
            //暂停播放
            this.backgroundAudioManager.pause()
        }

    },
    //处理音乐上一首和下一首
    headelMusic(event) {
        //console.log(event.currentTarget.id)

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
        //接受来自song页面的值
        let songData = {}
        const eventChannel = this.getOpenerEventChannel()
            // 监听acceptDataFromOpenerPage事件，获取上一页面通过eventChannel传送到当前页面的数据
        eventChannel.on('acceptDataFromOpenerPage', function(data) {
            songData = data.songData
        })
        this.setData({ songDatil: songData })

        //动态修改标题
        wx.setNavigationBarTitle({
            title: songData.name
        })

        //监听状态栏音乐播放
        this.backgroundAudioManager = wx.getBackgroundAudioManager()

        this.backgroundAudioManager.onPlay(() => {
            this.setData({
                isPlay: true
            })
        });
        this.backgroundAudioManager.onPause(() => {
            this.setData({
                isPlay: false
            })
        });
        this.backgroundAudioManager.onStop(() => {
            this.setData({
                isPlay: false
            })
        });
    },


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})